<template>
  <div>child子组件 - {{ count }}</div>
</template>

<script>
import { ref } from "vue";
export default {
  // props和components一样，只能写在setup的外面
  props: ["count"],
  // setup是可以接收一个参数是props
  // 默认情况下setup里面没有this，没有办法拿到props的值，只能通过props参数来用
  setup(props) {
    // console.log(props);
    const num = ref(props.count);
    return { num };
  },
};
</script>
